<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../src/muugyj-ui.css">
    <title>按钮的设计与开发</title>
</head>

<body>
    <!-- 标准按钮 -->
    <div class="gy-content">
        <h2 class="gy-panel-title">标准按钮</h2>
        <div class="gy-panel-body">
            <a class="gy-btn">默认按钮</a>
            <br />
            <a class="gy-btn gy-btn-primary">主操作按钮</a>
            <br />
            <a class="gy-btn gy-btn-warning">警示按钮</a>
            <br />
            <a class="gy-btn gy-btn-disabled">不可用按钮</a>
            <br />
        </div>
    </div>

    <!-- 大按钮 -->
    <div class="gy-content">
        <h2 class="gy-panel-title">大按钮</h2>
        <div class="gy-panel-body no-padding">
            <br />
            <a class="gy-btn gy-btn-large">大按钮</a>
            <br />
            <a class="gy-btn gy-btn-primary gy-btn-large">大按钮</a>
            <br />
            <a class="gy-btn gy-btn-warning gy-btn-large">大按钮</a>
            <br />
            <a class="gy-btn gy-btn-disabled gy-btn-large">大按钮</a>
            <br />
        </div>
    </div>

    <!-- 小按钮 -->
    <div class="gy-content">
        <h2 class="gy-panel-title">小按钮</h2>
        <div class="gy-panel-body">
            <a class="gy-btn gy-btn-small">小按钮</a>
            <a class="gy-btn gy-btn-primary gy-btn-small">小按钮</a>
            <a class="gy-btn gy-btn-warning gy-btn-small">小按钮</a>
            <a class="gy-btn gy-btn-disabled gy-btn-small">小按钮</a>
        </div>
    </div>
</body>

</html>